<!--
 * @Author: cqg
 * @Date: 2020-12-14 11:15:23
 * @LastEditTime: 2021-04-21 15:25:07
 * @Description: file content
 * @LastEditors: xjt
-->
<template>
  <div class="basic-from">
    <el-form :model="form" class="form-wrap">
      <p class="title full">付款信息</p>
      <table class="paymentsTable full">
        <thead>
          <tr>
            <th>合同编号</th>
            <th>合同金额(元)</th>
            <th>付款次数</th>
            <th>付款金额(元)</th>
            <th>付款日期</th>
            <th>备注</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td :rowspan="form.payments.length+1">{{form.contractNum}}</td>
            <td :rowspan="form.payments.length+1">{{form.contractAmount | thousandMoney}}</td>
          </tr>
          <tr v-for="item in form.payments" :key="item.projectPaymentId">
            <td>第{{item.payNum}}次</td>
            <td>{{item.payAmount | thousandMoney}}</td>
            <td>{{item.payDate}}</td>
            <td>{{item.remarks}}</td>
          </tr>
        </tbody>
      </table>
      <p class="title full">附件</p>
    </el-form>
    <div v-for="item in form.payments" :key="item.projectPaymentId">
      <v-upload :busId="item.projectPaymentId" modelType="projectPayment" isShowFileList :isView="true" multiple v-model="uploadFileList" />
    </div>
  </div>
</template>

<script>
import OverviewMixins from '../public/overviewMixins'
export default {
  mixins: [OverviewMixins],
  props: ['form'],
}
</script>

<style lang="scss" scoped>
.paymentsTable td,
.paymentsTable th {
  padding: 0.75rem;
  text-align: center;
  border-bottom: 1px solid #dee2e6;
}
</style>